<template>
  <div class="temp5-cont" :class="isShow?'':'hide'">
    <TopCont class="top-cont" :classTarget='classTarget' :classInfo="classInfo" :classProfile="classProfile" :classCommittee="classCommittee" ref="vMarqueeTextDown" />
    <div class="line_02">
      <div class="c-left">
        <div class="c-down cf">
          <DutyInfo :dutyInfo="dutyInfo"></DutyInfo>
          <Curriculums :curriculums="curriculums"></Curriculums>
        </div>
      </div>
      <!-- <div class="c-right">
        <BeautyJunior ref="vBeautyJunior" :adonises="adonises"></BeautyJunior>
      </div> -->
    </div>
    <div class="studentManagementFeedback">
      <studentManagementFeedback :list='ruleEventList'></studentManagementFeedback>
    </div>
    <div class="line_03">
      <ASTM ref="vASTM" :needNav='false' :dataASTM="dataASTM" @goList="type=>{$emit('goList', type)}"></ASTM>
    </div>
  </div>
</template>

<script>
import TopCont from './TopCont'
// import BeautyJunior from '@/components/temp4/index-cont/BeautyJunior'
import DutyInfo from './DutyInfo'
import Curriculums from './Curriculums'
import studentManagementFeedback from './studentManagementFeedback'
import ASTM from '@/components/temp4/index-cont/ASTM'
export default {
  props: {
    isShow: Boolean,

    classInfo: Object,
    classProfile: Object,
    classCommittee: Array,
    signInfo: Object, // 今日签到
    rulePerf: Array, // 今日表现
    dutyInfo: Object, // 今日值日
    curriculums: Object, // 今日明日课表
    adonises: Object, // 班级美少年
    dataASTM: Object,
    classTarget: Object,
    ruleEventList: Array

  },
  components: {
    TopCont,
    // BeautyJunior,
    DutyInfo,
    Curriculums,
    ASTM,
    studentManagementFeedback
  },
  watch: {
    isShow (isShow) {
      let { vMarqueeTextDown, vASTM, vBeautyJunior } = this.$refs
      if (isShow) {
        vMarqueeTextDown.start()
        // vRulePerf.timer.start()
        vASTM.timer.start()
        vBeautyJunior.timer.start()
      } else {
        vMarqueeTextDown.stop()
        // vRulePerf.timer.stop()
        vASTM.timer.stop()
        vBeautyJunior.timer.stop()
      }
    }
  }
}
</script>

<style scoped>
.line_02 {
  width: 900px;
  height: 200px;
  margin: 0 20px 20px;
}
.hide {
  opacity: 0;
  pointer-events: none;
}

.c-left {
  /* width: 470px; */
  /* float: left; */
}

.c-down {
  /* width: 560px; */
  /* height: 275px; */
}

.c-right {
  width: 320px;
  height: 484px;
  border-left: dashed 1px #ddd;
  float: right;
}

.line_03 {
  width: 860px;
  height: auto;
  margin-left: 35px;

  clear: both;
}

.astm-list /deep/ .navss .active {
  background-color: #50ce81;
}
.beauty-junior /deep/ .head {
  background-image: url(../imgs/star.png);
}
.duty-info /deep/ .c-head {
  background-image: url(../imgs/01.png);
}
.top-cont /deep/ .line {
  padding-top: 10px;
}
.top-cont /deep/ .head {
  background-image: url(../imgs/01.png);
}
</style>

